<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-webapp-status-bar-style" content="black-translucent" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="location.js"></script>
<link href="index.css" rel="stylesheet" type="text/css"> 
<title>Store Choose - DealsAppalooza</title>
</head>

<body>
<header>
<h2>Your location has been successfully determined: </h2>
</header>

<article> 
      	<p> <span id="location"></span></p> 
        <p> Are you in : </p>
        <br />
        <p> <span id="store1"></span></p> 
        <p> <span id="store2"></span></p>
        <p> <span id="store3"></span></p>
        <p> <span id="store4"></span></p>
        <p> <span id="store5"></span></p>
</article>

<script>
var s = document.querySelector('#location');
s.innerHTML = getQuerystring('lat') + " " + getQuerystring('lng');
outputDistances();
</script> 
<br />
<input class="backbutton" type="button" id="backButton" value="Back to location menu" onclick="backToMain()" style="visibility: visible;">
</body>
</html>
